<div class="easyui-layout" data-options="fit:true">
    <!-- Begin of toolbar -->
    <div id="wu-toolbar-ctm">
        <div class="wu-toolbar-button">
            <a href="#" class="easyui-linkbutton" iconCls="icon-add" onclick="openAddctm()" plain="true">添加</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-edit" onclick="openEditctm()" plain="true">修改</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-remove" onclick="removectm()" plain="true">删除</a>
            <a href="#" class="easyui-linkbutton" iconCls="icon-remove" onclick="reloadctm()" plain="true">刷新</a>
        </div>
    </div>
    <!-- End of toolbar -->
    <table id="wu-datagrid-ctm" class="easyui-datagrid" toolbar="#wu-toolbar-ctm"></table>
</div>
<!-- Begin of easyui-dialog -->
<div id="wu-dialog-ctm" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:400px; padding:10px;">
    <form id="wu-form-ctm" method="post">
        <table>
            <tr>
                <td width="100" align="right">通讯录标题:</td>
                <td>
                    <input type="text" name="title" class="wu-text" />
                </td>
            </tr>
            <tr>
                <td align="right">上传xls文件:</td>
                <td>
                    <input class="easyui-filebox" type="file" required="required" style="width:250px" onchange="change_file()" id="file_upload_xls"
                    name="file_upload2" />
                </td>
            </tr>

            <input type="text" name="xlsUrl" style="display:none;" id="xls-path">
            <input type="text" style="display:none" name="id">
            <input type="text" style="display:none" name="type" id="c-file-type">
        </table>
    </form>
</div>
<!-- End of easyui-dialog -->
<script type="text/javascript">

    /**
     * Name 添加记录
     */
    function addctm() {
        // console.log('添加记录')
        
        // var str = $('#pm-select-lm').combobox('getValues').join(",");
        // $('#pm-select-lm').combobox('setValue', str);
        // setTimeout(function () {
            $('#c-file-type').val(2)

        $('#wu-form-ctm').form('submit', {
            url: $.webConfig.apiUrl + 'zbtable/addzbtable',
            success: function (data) {
                var data = JSON.parse(data);
                if (data['return_code'] == 1) {
                    $.messager.alert('信息提示', '提交成功！', 'info');
                    $('#wu-dialog-ctm').dialog('close');
                    $('#wu-datagrid-ctm').datagrid('reload');
                } else {
                    $.messager.alert('信息提示', '提交失败！', 'info');
                }
            }
        });
        // }, 0);

    }

    /**
     * Name 修改记录
     */
    function editctm() {
        // var str = $('#pm-select-lm').combobox('getValues').join(",");
        // $('#pm-select-lm').combobox('setValue', str);
        // setTimeout(function () {
            $('#wu-form-ctm').form('submit', {
                url: $.webConfig.apiUrl + 'zbtable/updatezbtable',
                success: function (data) {
                    var data = JSON.parse(data);
                    if (data) {
                        $.messager.alert('信息提示', '提交成功！', 'info');
                        $('#wu-dialog-ctm').dialog('close');
                        $('#wu-datagrid-ctm').datagrid('reload');
                    } else {
                        $.messager.alert('信息提示', '提交失败！', 'info');
                    }
                }
            });
        // }, 0);

    }

    /**
     * Name 删除记录
     */
    function removectm() {
        var items = $('#wu-datagrid-ctm').datagrid('getSelections');
        if (items.length == 0) {
            $.messager.alert('信息提示', '你没选中哦...', 'info');
            return;
        }
        $.messager.confirm('信息提示', '确定要删除该记录？', function (result) {
            if (result) {
                var items = $('#wu-datagrid-ctm').datagrid('getSelections');
                var ids = [];
                $(items).each(function () {
                    ids.push(this.id);
                });

                if (ids == 0) {
                    $.messager.alert('信息提示', '你没选中哦...', 'info');
                    return;
                }

                //alert(ids);return;
                $.ajax({
                    url: $.webConfig.apiUrl + 'zbtable/delzbtable',
                    type: 'post',
                    data: {
                        id: ids[0]
                    },
                    dataType: 'json',
                    success: function (data) {
                        if (data['return_code'] == 1) {
                            $.messager.alert('信息提示', '删除成功！', 'info');
                            $('#wu-datagrid-ctm').datagrid('reload');
                        } else {
                            $.messager.alert('信息提示', '删除失败！', 'info');
                        }
                    }
                });
            }
        });
    }

    /**
     * Name 打开添加窗口
     */
    function openAddctm() {
        // console.log('打开添加窗口')
        $('#wu-form-ctm').form('clear');
        $('#wu-dialog-ctm').dialog({
            closed: false,
            modal: true,
            title: "添加信息",
            cache: false,
            buttons: [{
                text: '确定',
                iconCls: 'icon-ok',
                handler: addctm
            }, {
                text: '取消',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#wu-dialog-ctm').dialog('close');
                }
            }]
        });

    }

    /**
     * Name 打开修改窗口
     */
    function openEditctm() {
        $('#wu-form-ctm').form('clear');
        var item = $('#wu-datagrid-ctm').datagrid('getSelected');

        if (!item) {
            $.messager.alert('信息提示', '你没选中哦...', 'info');
            return;
        }

        $('#wu-form-ctm').form('load', item);
        
        $('#xls-path').val(item['content'])
        console.log(item['content'])
        console.log($('#xls-path'))
        

        $('#wu-dialog-ctm').dialog({
            closed: false,
            modal: true,
            title: "修改信息",
            cache: false,
            buttons: [{
                text: '确定',
                iconCls: 'icon-ok',
                handler: editctm
            }, {
                text: '取消',
                iconCls: 'icon-cancel',
                handler: function () {
                    $('#wu-dialog-ctm').dialog('close');
                }
            }]
        });
    }

    /**
     * Name 分页过滤器
     */
    function pagerFilter(data) {
        var pageData = {
            total: 18,
            rows: []
        };

        if (data['return_code'] == 1) {
            pageData['total'] = data['return_count'];
            pageData['rows'] = data['return_body'];
        }

        return pageData;
    }




    // 刷新页面
    function reloadctm() {
        queryParams: {
            type:2
        }
        $('#wu-datagrid-ctm').datagrid('reload');
    }


    /**
     * Name 载入数据
     */
    $('#wu-datagrid-ctm').datagrid({
        queryParams: {
            type:2
        },
        url: $.webConfig.apiUrl + 'zbtable/queryzbtable',
        loadFilter: pagerFilter,
        rownumbers: true,
        singleSelect: true,
        pageSize: 20,
        pagination: true,
        multiSort: false,
        fitColumns: true,
        fit: true,
        columns: [
            [{
                    checkbox: true
                },
                {
                        field: 'id',
                        title: 'id',
                        width: 100,
                        sortable: true
                    },
                    {
                        field: 'title',
                        title: '标题',
                        width: 180,
                        sortable: true
                    },
                    {
                        field: 'content',
                        title: '文件',
                        width: 180,
                        sortable: true
                    },
                    {
                        field: 'regtimeToString',
                        title: '更新时间',
                        width: 100
                    }
            ]
        ]
    });


     // ajax 异步上传
     function ajaxFileUpload() {
        $.ajaxFileUpload({
            url: '/upload.php', //用于文件上传的服务器端请求地址
            secureuri: false, //是否需要安全协议，一般设置为false
            fileElementId: 'file_upload_xls', //文件上传域的ID
            dataType: 'json', //返回值类型 一般设置为json
            success: function (data, status) //服务器成功响应处理函数
            {
                if (data['status'] == true) {
                    // $('#Imgdiv #Img').attr('src', data['path'][0]);
                    $("#xls-path").val(data['path'][0]);
                    console.log(data['path'][0])
                    // 清空
                    var file = $('#file_upload');
                    file.after(file.clone().val(""));
                    file.remove();
                } else {
                    $.messager.alert('信息提示', data['error'][0], 'info');
                    return;
                }
            },
            error: function (data, status, e) //服务器响应失败处理函数
            {
                console.log(data)
            }
        })
        return false;
    }




    // 文件上传
    function change_file() {
        ajaxFileUpload();
        // PreviewImage($("input[name='file_upload2']")[0], 'Img', 'Imgdiv');
    }
</script>